<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>表单练习</title>
		<style>
			*{margin:0;padding:0;}
			a{text-decoration:none;}
			ul,li{list-style:none;}
			body{font-size:12px;font-family:"微软雅黑";}
			[type="password"]{width:400px;height:30px;background: red;}
			input:focus{background: yellow;}
			/*:focus   选择获得焦点的元素.鼠标按下去*/
		</style>
	</head>
	<body>
		
		<form action="https://www.baidu,com" method="post">
			<!--placeholder="请输入内容"  默认的内容   disabled="disabled"默认禁用表单-->
			<div><input type="text" placeholder="请输入账户" name="number"     disabled="disabled"/></div>
			<!--密码框-->
			<div><input type="password" placeholder="请输入密码" name="password" autofocus/></div>
			<!--单选框-->
			<div>男孩子:<input type="radio" name="sex" value="0"/>
			女孩子:<input type="radio" name="sex" value="1"/></div>
			<!--复选框-->
			<div>
				<lable for="pg">苹果</lable><input type="checkbox" />
				梨<input type="checkbox" />
				<!--默认选中 checked="checked"-->
				香蕉<input type="checkbox" checked="checked" />
				荔枝<input type="checkbox" />
				樱桃<input type="checkbox" disabled="disabled" />
			</div>
			<input type="submit" value="提交" />
			<input type="reset" value="重置" />
			<input type="image" src="../images/01.jpg">
			<!--下拉列表-->
			<select name="city" id="#" size="4">
				<option value="">请选择城市</option>
				<option value="1">四川</option>
				<!--selected="selected"  默认显示哪一项选项 -->
				<option value="2" selected="selected">北京</option>
				<option value="3">广州</option>
				<option value="4">上海</option>
				<option value="5">深圳</option>	
			</select>
			<!--多行文本框-->
			<!--autofocus 自动获取焦点-->
			<textarea name=""# id="#" cols="30" rows="10" autofocus></textarea>
		</form>
		
		
	</body>
</html>
